<div class="kylin-swiper-container" style="height:300px">
    <swiper [config]="config" [(index)]="index">
        <div *ngFor="let slide of slides" class="swiper-slide">
            <img [src]="slide" alt="" style="width: 100%;height: 100%;">
        </div>
    </swiper>
</div>
<div class="project-list" nz-row nzType="flex" nzJustify="space-around">
    <div nz-col nzSpan="8" *ngFor="let project of projects">
        <div class="project-item">
            <div class="title">{{project.title}}</div>
            <div class="img-container">
                <img [src]="project.src" alt="">
            </div>
            <!--<div class="go-details" (click)="goToDetails(project.url)">-->
            <div class="go-details" [routerLink]="project.url">
                <span>查看详情</span>
                <i class="right-arrow" nz-icon nzType="right" nzTheme="outline"></i>
            </div>
        </div>
    </div>
</div>
